$transition: ease;

/*---------------------------------------scale-------------------------------------------*/

.pl-transition-scale-enter {
    opacity: 0;
    transform: scale(0.75);
}

.pl-transition-scale-enter-active {
    opacity: 1;
    transform: scale(1);
}

.pl-transition-scale-exit {
    opacity: 1;
    transform: scale(1);
}

.pl-transition-scale-exit-active {
    opacity: 0;
    transform: scale(0.75);
}

.pl-transition-scale-enter-active, .pl-transition-scale-exit-active {
    transition: opacity 300ms linear, transform 300ms $transition;
}

/*---------------------------------------scale-y-------------------------------------------*/

.pl-transition-scale-y-enter {
    transform: scaleY(0);
    opacity: 0;
}

.pl-transition-scale-y-enter-active {
    transform: scaleY(1);
    opacity: 1;
}

.pl-transition-scale-y-exit {
    transform: scaleY(1);
    opacity: 1;
}

.pl-transition-scale-y-exit-active {
    transform: scaleY(0);
    opacity: 0;
}

.pl-transition-scale-y-enter-active, .pl-transition-scale-y-exit-active {
    transform-origin: top;
    transition: opacity 300ms linear, transform 300ms $transition;
}

/*---------------------------------------fade-------------------------------------------*/

.pl-transition-fade-enter {
    opacity: 0;
}

.pl-transition-fade-enter-active {
    opacity: 1;
}

.pl-transition-fade-exit {
    opacity: 1;
}

.pl-transition-fade-exit-active {
    opacity: 0;
}

.pl-transition-fade-enter-active, .pl-transition-fade-exit-active {
    transition: opacity 300ms linear;
}

/*---------------------------------------slider-------------------------------------------*/

[direction=horizontal] {

    /*horizontal next*/
    &.pl-transition-slide-next-enter {
        transform: translate3d(100%, 0, 0);
    }

    &.pl-transition-slide-next-enter-active {
        transform: translate3d(0, 0, 0);
        transition: transform 150ms linear;
    }

    /*horizontal prev*/
    &.pl-transition-slide-prev-enter {
        transform: translate3d(-100%, 0, 0);
    }

    &.pl-transition-slide-prev-enter-active {
        transform: translate3d(0, 0, 0);
        transition: transform 150ms linear;
    }
}

[direction=vertical] {

    /*vertical next*/
    &.pl-transition-slide-next-enter {
        transform: translate3d(0, 100%, 0);
    }

    &.pl-transition-slide-next-enter-active {
        transform: translate3d(0, 0, 0);
    }

    /*horizontal prev*/
    &.pl-transition-slide-prev-enter {
        transform: translate3d(0, -100%, 0);
    }

    &.pl-transition-slide-prev-enter-active {
        transform: translate3d(0, 0, 0);
        transition: transform 150ms linear;
    }
}

.pl-collapse-transition {
    transition: 0.3s height linear, 0.3s padding-top linear, 0.3s padding-bottom linear;
}